<template>
	<table class="table table-bordered table-stripped">
		<!-- 表格标题区域 -->
		<thead>
			<tr>
				<!-- <th>#</th>
				<th>商品名称</th>
				<th>价格</th>
				<th>标签</th>
				<th>操作</th> -->

				<slot name="Header"></slot>
			</tr>
		</thead>
		<!-- 表格主体区域 -->
		<tbody>
			<tr v-for="item in arr" :key="item.id">
				<slot name="Body" :obj="item"></slot>
			</tr>
		</tbody>
	</table>
</template>

<script>
	export default {
		name: 'MyTable',

		props: {
			arr: Array
		},


	}
</script>


<style scoped lang="less">
	.my-goods-list {
		.badge {
			margin-right: 5px;
		}
	}
</style>
